<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>圆角</title>
		<style>
			div {
				width: 200px;
				height: 200px;
				background-color: aquamarine;
				/* 10px是圆弧的半径 */
				/* 4个方向都产生一个1/4圆 */
				/* 50%和100px是一个效果 */
				/* 百分比：当前元素的百分比 */
				border-radius: 100px;
				/* 水平对齐 */
				text-align: center;
				/* 
				  行间距：如果只有一行文本，
				  设置line-height和height一致，会垂直居中 
				*/
				line-height: 200px;
				/* 设置margin: 0 auto，会让元素本身在父元素中居中 */
				/* 前提：设置了width/height */
				margin: 0 auto;
			}
		</style>
	</head>
	<body>
		<div>
			123
		</div>
	</body>
</html>